<template>
    <div>
        <el-dialog
    title="流程图"
    :visible.sync="dialogVisible"
    width="30%"
    :before-close="handleClose">
        <el-steps :space="200" :active="checkType" finish-status="success" align-center>
            <el-step title="提交"></el-step>
            <el-step title="部门经理审核"></el-step>
            <el-step title="仓管员审核"></el-step>
            <el-step title="结束"></el-step>
        </el-steps>
        
        <span slot="footer" class="dialog-footer">
            <el-button @click="cancel">取 消</el-button>
        </span>
    </el-dialog>
    </div>

</template>

<script>
export default {
    name: 'BorrowProcess',
    props: {
        isShow: Boolean,
        appplicationCheckType: Number
    },
    data() {
        return {
            checkType: 0,
            dialogVisible:false
        }
    },
    methods:{
        
        cancel(){
            this.checkType = 0
            this.$emit("closeDialog")
        },
        handleClose(){
            this.cancel()
        },
    },
    watch:{
        isShow(val) { 
            this.dialogVisible = val;
        },
        appplicationCheckType(val) { 
            // console.log(val)
            this.checkType = val - 1 ;
        }
    },
    
}
</script>

<style>

</style>